<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>APP</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
</head>
<style type="text/css">
.aui-content {
    background: #ffffff;
    overflow: hidden;
    padding: 15px;
}
p {
    margin: 10px 0;
    overflow: hidden;
}
</style>
<body>

    <div class="aui-content">
        <p>.aui-progress</p>
        <div class="aui-progress aui-progress aui-clearfix">
            <div class="aui-progress-bar" style="width: 60%;"></div>
        </div>
        <p>.aui-progress-sm</p>
        <div class="aui-progress aui-progress-sm">
            <div class="aui-progress-bar" style="width: 60%;"></div>
        </div>
        <p>.aui-progress-xs</p>
        <div class="aui-progress aui-progress-xs">
            <div class="aui-progress-bar" style="width: 60%;"></div>
        </div>
        <p>.aui-progress-xxs</p>
        <div class="aui-progress aui-progress-xxs">
            <div class="aui-progress-bar" style="width: 60%;"></div>
        </div>
        <p>.aui-progress-bar.aui-progress-primary</p>
        <div class="aui-progress aui-progress">
            <div class="aui-progress-bar aui-progress-primary" style="width: 60%;"></div>
        </div>
        <p>.aui-progress-bar.aui-progress-success</p>
        <div class="aui-progress">
            <div class="aui-progress-bar aui-progress-success" style="width: 60%;"></div>
        </div>
        <p>.aui-progress-bar.aui-progress-info</p>
        <div class="aui-progress">
            <div class="aui-progress-bar aui-progress-info" style="width: 60%;"></div>
        </div>
        <p>.aui-progress-bar.aui-progress-warning</p>
        <div class="aui-progress">
            <div class="aui-progress-bar aui-progress-warning" style="width: 60%;"></div>
        </div>
        <p>.aui-progress-bar.aui-progress-danger</p>
        <div class="aui-progress">
            <div class="aui-progress-bar aui-progress-danger" style="width: 60%;"></div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js" ></script>
<script type="text/javascript">
</script>
</html>